<div class="manager-box white-bg">
    <div class="index_page_header_container">
        <div class="index_page_header_title">{{$.lp.configManagerTitle}}</div>
    </div>
    <div class="form">
         
        <!-- 补卡申请配置 -->
        <div class="margin-top">
            <div class="form-item-label">
                {{$.lp.config.appealConfig}}
            </div>
            <div class="form-item-content margin-top padding-bottom">
                <!-- 是否启用补卡申请 -->
                <div class="margin-top margin-left flex" @click="clickEnableAppeal">
                    <div class="o2-icon-14">
                        <i class="{{ $.form.appealEnable ? 'o2icon-icon__ok2_click_b primary_color' : 'o2icon-icon_quan'}}"></i>
                    </div>
                    <label style="margin-left: 8px;">{{$.lp.config.appealEnableLabel}}</label>
                </div>
                <div class="margin-top margin-left" oo-if="$.form.appealEnable">
                    <!-- 自定义流程 -->
                    <o-selector-process oo-prop="$.processSelector" ></o-selector-process>
                </div>
            </div>
            <div class="margin-left" oo-if="$.form.appealEnable">
                <div>{{$.lp.config.appealMaxTimesLabel}}</div>
                <o-input oo-prop="{'value': $.form.appealMaxTimes}" oo-model="form.appealMaxTimes"></o-input>
            </div>
            
        </div>
       
        <div class="margin-top">
            <div class="form-item-label">
                {{$.lp.config.fastCheckIn}}
            </div>
            <div class="form-item-content margin-top padding-bottom">
                 <!-- 上班极速打卡 -->
                <div class="margin-top margin-left flex" @click="clickOnDutyFastCheckInEnable">
                    <div class="o2-icon-14">
                        <i class="{{ $.form.onDutyFastCheckInEnable ? 'o2icon-icon__ok2_click_b primary_color' : 'o2icon-icon_quan'}}"></i>
                    </div>
                    <label style="margin: 5px;" >{{$.lp.config.onDutyFastCheckInEnable}}</label>
                </div>
                <!-- 下班极速打卡 -->
                <div class="margin-top margin-left flex" @click="clickOffDutyFastCheckInEnable">
                    <div class="o2-icon-14">
                        <i class="{{ $.form.offDutyFastCheckInEnable ? 'o2icon-icon__ok2_click_b primary_color' : 'o2icon-icon_quan'}}"></i>
                    </div>
                    <label style="margin: 5px;" >{{$.lp.config.offDutyFastCheckInEnable}}</label>
                </div>
            </div>
        </div>
       
        <div class="margin-top">
            <div class="form-item-label">
                {{$.lp.config.checkInAlert}}
            </div>
            <div class="form-item-content margin-top padding-bottom">
                <!-- 打卡提醒 -->
                <div class="margin-top margin-left flex" @click="clickCheckInAlertEnable">
                    <div class="o2-icon-14">
                        <i class="{{ $.form.checkInAlertEnable ? 'o2icon-icon__ok2_click_b primary_color' : 'o2icon-icon_quan'}}"></i>
                    </div>
                    <label style="margin: 5px;" >{{$.lp.config.checkInAlertEnable}}</label>
                </div>
                <!-- 异常打卡提醒 -->
                <div class="margin-top margin-left flex" @click="clickExceptionAlertEnable">
                    <div class="o2-icon-14">
                        <i class="{{ $.form.exceptionAlertEnable ? 'o2icon-icon__ok2_click_b primary_color' : 'o2icon-icon_quan'}}"></i>
                    </div>
                    <label style="margin: 5px;" >
                        {{$.lp.config.exceptionAlertEnable}} 
                        {{$.lp.config.exceptionAlertEnableTime1}} 
                        <o-time-picker oo-prop="{'value': $.form.exceptionAlertTime, 'key': 'form.exceptionAlertTime'}"></o-time-picker>
                        {{$.lp.config.exceptionAlertEnableTime2}} 
                    </label>
                </div>
            </div>
        </div>
        <!-- 定时器配置 -->
        <div class="margin-top">
            <div class="form-item-label">
                {{$.lp.config.detailStatisticCron}}
            </div>
            <div class="form-item-content margin-top padding-bottom">
                <div class="config-input-div" id="detailCron">
                    {{$.form.detailStatisticCronString}}
                </div>
            </div>
        </div>
        <!-- 关闭旧版考勤打卡 -->
        <div class="margin-top">
            <div class="form-item-label">
                {{$.lp.config.closeOldAttendance}}
            </div>
            <div class="form-item-content margin-top padding-bottom">
                <div class="margin-top margin-left flex" @click="clickCloseOldAttendance">
                    <div class="o2-icon-14">
                        <i class="{{ $.form.closeOldAttendance ? 'o2icon-icon__ok2_click_b primary_color' : 'o2icon-icon_quan'}}"></i>
                    </div>
                    <label style="margin: 5px;" >{{$.lp.config.closeOldAttendanceLabel}}</label>
                </div>
            </div>
        </div>

        <div style="margin-top: 32px;">
            <button style="width: 320px;" class="mainColor_bg" @click="submit">{{$.lp.save}}</button>
        </div>
    </div>
</div>